@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
body{font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; color:#3d3f4b;}
table{ border-collapse:collapse; border-spacing:0}
img{ border:0}
ul,ol,li{ list-style:none}
h1,h2,h3,h4,h5,h6,strong,b{ font-weight:normal; font-size:100%;}
em,i,big,small{ font-style:normal}
iframe{ border:0; overflow:hidden}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{content:'.';display:block; visibility:hidden;clear:both;height:0; font-size:0; overflow:hidden;line-height:0}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
a{text-decoration:none;color:#3d3f4b;}
a:focus,a:active {text-decoration:none;}
a:hover{color:purple;}
/*color*/
.white{ color:#FFF}
.black{ color:#000}
.youhui{ width: 100%; height:500px;  margin:0 auto; position: relative; overflow: hidden;}
.youhui img{ width: 2000px; position: absolute; left: 50%; margin-left: -1000px;}
.hideyh{display:none;}/*是否显示专题里面的优惠*/
.hidecase{display:block!important;}/*控制是否隐藏案例 首页案例，头部底部导航案例，项目页中的美丽日记板块等*/
.hideXGzt{display:none!important;}/*是否显示专题里的相关专题*/
.hidefooter{display:none!important;}/*隐藏底部导航*/
/*头部*/
.nheaderbg{background:#fff;}
#header{width:1200px; height:114px; margin:0px auto; position:relative;}
#header .logo{ width:480px; float:left; margin-top:20px;}
.nav{ width:560px; float:right; margin-top:5px;}/*案例隐藏后改成width:460px;*/
.nav ul li.nli{ width:110px; height:110px; float:left; display:block; line-height:110px; font-size:18px; text-align:center;}
.nav ul li.ac a.nv{color:#b254a2;}
.nav ul li:hover a.nv{color:#b254a2;}
.nav ul li span.navtri{
	width:10px; height:6px; display:inline-block;
	background:url(/templets/hanfei/images/navtri.jpg) no-repeat;
 -webkit-transition: -webkit-transform 0.5s ease-out;
 -moz-transition: -moz-transform 0.5s ease-out;
 -o-transition: -o-transform 0.5s ease-out;
 -ms-transition: -ms-transform 0.5s ease-out;
}
.nav ul li.ac span.navtri{
	-webkit-transform: rotateZ(180deg);
	-moz-transform: rotateZ(180deg);
	-o-transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
.hfnavbox{width:100%; height:auto;padding-top:45px; padding-bottom:45px; background:rgba(250,250,250,0.9); position:absolute; top:114px; left:0px; display:none; z-index:999999;}
.nav ul li.ac .hfnavbox{ display:block;}
/*头部下拉框*/
.hfnavbox .menu{width:510px; float:right; margin-right:85px;}
.hfnavbox .menu a{display:inline-block; line-height:30px; text-align:center; width:100px; margin:0px 35px;background:none;}
.hfnavbox .menu a.ac{ background:#b254a2; border-radius:5px; color:#fff;}
.hfnavbox .conbox{padding-left:120px; padding-right:120px; padding-top:30px; clear:both;}
.hfnavbox .conbox .cons{display:none; overflow:hidden;}
.hfnavbox .conbox .ac{display:block;}
.hfnavbox .conbox .cons ul{display:block; width:158px; float:left;  border-right:1px dotted #c3c3c3;  padding-bottom:10px;}
.hfnavbox .conbox .cons ul.first{border-left:1px dotted #c3c3c3;}
.hfnavbox .conbox .cons ul li{line-height:26px; font-size:14px; float:none; clear:both; text-align:left; text-indent:40px;}
.hfnavbox .conbox .cons ul li.first{font-size:16px; line-height:40px; font-weight:600; color:#000!important;}
/*banner*/
.new-bannerBox{ width:100%;height:630px; position:relative; overflow:hidden; z-index:1; top:-2px;}
.new-bannerBox .bigul{ width:100%;height:630px; overflow:hidden; margin-top:2px; position:relative; z-index:50 }
.new-bannerBox .bigul li{ width:100%;height:630px; overflow:hidden; background:#FFF; padding:0 1px; position:absolute; z-index:5 }
.new-bannerBox li img{ position:absolute; top:0; left:50%; margin-left:-1000px; display:block;}
.new-bannerBox #bannerPrev{ position:absolute; width:40px;height:67px;background:url(/templets/huamei/images/banner/bannerPrev.png) left top no-repeat; display:block; left:5%;top:50%; margin-top:-33px;z-index:500; opacity:0;filter:alpha(opacity:0);}
.new-bannerBox #bannerNext{ position:absolute; width:40px;height:67px; background:url(/templets/huamei/images/banner/bannerNext.png) left top no-repeat; display:block; right:5%;top:50%; margin-top:-33px; z-index:500;opacity:0;filter:alpha(opacity:0)}
.new-banner-btn{width:100%; height:10px; padding-top:10px; position:absolute; bottom:25px; z-index:500;}
.new-banner-btn .con{ width:1200px; margin:0px auto; text-align:right;}
.new-banner-btn .con a{ display:inline-block; width:10px;height:10px; margin:0px; background:#2d2d2d; border-radius:50%; margin-right:20px;}
.new-banner-btn .con .activeBtn{ background:#fff;}
.litbanner{ width:100%;height:400px; overflow:hidden; position:relative;}
.litbanner img{position:absolute; left:50%; margin-left:-1000px;}
/*footer*/
.footerbg{width:100%; height:370px; background:#f9f9f9;}
#footer{width:1200px; height:270px; margin:0px auto; padding:50px 0px; font-size:16px;}
.footLeft{width:280px; float:left;}
.footLeft p{line-height:24px; padding:10px 0px;}
.footLeft a.footchat{display:block; width:216px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px; background:#b50a13;}
.footRight{width:900px; float:right;}
.footRight .uls{ width:80px; float:left; margin-left:30px;}
.footRight .uls h3{color:#3d3f4b;}
.footRight .uls ul{padding-top:10px;}
.footRight .uls ul li{font-size:14px; line-height:26px; }
.footRight .uls ul li a{color:#666666;}
.footRight .uls ul li a:hover{color:#c176b5;}
.footradius h3{text-align:center;}
.footradius ul li a{display:block; /*height:100%;*/ border-radius:5px; text-align:center; font-size:16px;  color:#3d3f4b;}
.footradius ul li a:hover{ background:#c176b5; color:#fff!important;}
.copyright{line-height:30px; background:#f3f3f3; text-align:center; padding-top:10px; padding-bottom:10px; font-size:14px;}
.copyright a{font-size:14px;}
/*商务通*/
.hfnewR{ position:fixed;top:50%;right:0px;height:458px; margin-top:-229px;z-index:999999;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+270));}
.hfnewR ul{position:relative;height:458px}
.hfnewR li{ width:70px;height:75px; background:#ff421d; position:absolute;right:0;overflow:hidden; z-index:200}
.hfnewR li.gotop{ background:#d4d4d4;height:68px;bottom:4px;}
.hfnewR li a{ display:block; text-decoration:none;height:75px; overflow:hidden}
.hfnewR li p{ color:#FFF; font-size:14px;letter-spacing:0.8em; padding-left:15px; text-align:center; margin-top:-8px}
.hfnewR .tbIco{ width:45px;height:47px; display:block; margin:5px auto 0; background-image:url(../img/newRightIco.png);background-repeat:no-repeat}
.hfnewR .g1{ background-position:8px 5px;}
.hfnewR .g2{ background-position:8px -55px}
.hfnewR .g3{ background-position:8px -180px;margin:5px 0 0 12px;}
.hfnewR .g4{ background-position:8px -115px}
.hfnewR .g5{ background-position:8px -240px}
.hfnewR .g6{ background-position:8px -310px;height:40px}
.hfnewR .weixin{ width:232px;height:244px; padding-right:9px; background:url(../img/rightborderBj.png) right top no-repeat; position:absolute;right:75px;bottom:0;display:none}
.hfnewR .zheyouhui{ width:232px;height:190px; padding-right:9px; background:url(../img/rightborderBj.png) right top no-repeat;position:absolute;right:75px;top:0; overflow:hidden; display:none}
.hfnewR .zheyouhui div{ background:#FFF;height:170px; background:rgba(255,255,255,.9); padding-top:20px}
.hfnewR .rzxghb{border:1px solid #636363;display:inline-block;vertical-align:middle;line-height:22px;padding:0 8px;margin:0 10px;font-size:14px;color:#636363;text-decoration:none}
.hfnewR .huidian{width:319px;height:75px; background:#ff421d;overflow:hidden; cursor:pointer}
.hfnewR .telnum{ background:#ff421d; width:251px;height:59px; float:right; font-size:0; padding-top:19px; text-align:center; }
.hfnewR .telnum .num{border:0;background:#FFF;width:150px;height:40px; border-radius:3px 0 0 3px;color:#333; font-size:16px; line-height:40px;vertical-align:top; padding-left:4px}
.hfnewR .telnum .sumbitbtn{ border:0; background:#cccccc; width:76px;height:40px; border-radius:0 3px 3px 0;color:#4c4c4c; font-size:14px; line-height:40px;vertical-align:top; font-weight:bold;}
.hfnewR .shense{ background:#f96548}
/*.hfnewR{ position:fixed;top:50%;right:10px;height:508px; margin-top:-254px;z-index:999999;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+300));}
.hfnewR ul{position:relative;height:508px}
.hfnewR li{ width:68px;height:78px; background:#821c80; position:absolute;right:0;overflow:hidden; z-index:200}
.hfnewR li.gotop{ background:#434343;height:68px;bottom:0}
.hfnewR li a{ display:block; text-decoration:none;height:78px; overflow:hidden}
.hfnewR li p{ color:#FFF; font-size:14px;letter-spacing:0.8em; padding-left:17px; margin-top:2px}
.hfnewR .tbIco{ width:45px;height:47px; display:block; margin:5px auto 0; background-image:url(../img/newRightIco.png);background-repeat:no-repeat}
.hfnewR .g1{ background-position:0 0}
.hfnewR .g2{ background-position:0 -47px}
.hfnewR .g3{ background-position:0 -94px;margin:5px 0 0 12px;}
.hfnewR .g4{ background-position:0 -141px}
.hfnewR .g5{ background-position:0 -188px}
.hfnewR .g6{ background-position:0 -240px;height:40px}
.hfnewR .weixin{ width:232px;height:244px; padding-right:9px; background:url(../img/rightborderBj.png) right top no-repeat; position:absolute;right:75px;bottom:0;display:none}
.hfnewR .zheyouhui{ width:232px;height:190px; padding-right:9px; background:url(../img/rightborderBj.png) right top no-repeat;position:absolute;right:75px;top:0; overflow:hidden; display:none}
.hfnewR .zheyouhui div{ background:#FFF;height:170px; background:rgba(255,255,255,.9); padding-top:20px}
.hfnewR .rzxghb{border:1px solid #636363;display:inline-block;vertical-align:middle;line-height:22px;padding:0 8px;margin:0 10px;font-size:14px;color:#636363;text-decoration:none}
.hfnewR .huidian{width:319px;height:78px; background:#821c80;overflow:hidden; cursor:pointer}
.hfnewR .telnum{ background:#230823; width:251px;height:59px; float:right; font-size:0; padding-top:19px; text-align:center; }
.hfnewR .telnum .num{border:0;background:#FFF;width:150px;height:40px; border-radius:3px 0 0 3px;color:#333; font-size:16px; line-height:40px;vertical-align:top; padding-left:4px}
.hfnewR .telnum .sumbitbtn{ border:0; background:#cccccc; width:76px;height:40px; border-radius:0 3px 3px 0;color:#4c4c4c; font-size:14px; line-height:40px;vertical-align:top; font-weight:bold;}
.hfnewR .shense{ background:#ac00ae}*/
.bannav{ display: none;}